/*********************************************************
 * SDP-Web Shared CSS stylesheet
 *********************************************************
 * Theme Name: Frontend
 * Description: the frontend theme for sdp-web
 * Version: 1.0
 * Author : S.C. Software Development Partnership S.R.L.
 * CSSVer : 2
 *********************************************************/
 
 *        { font-family:Arial, sans-serif; font-size:x-small; }
img       { border-style:none; }
form      { padding:0px; margin:0px; }
a:link,
a:hover,
a:visited { color:#1080AF; font-size:100%; }

body      { text-align:center; margin:auto; padding:0px;
            background:#CCC url(../../../../share/img/main_background.png) 0% 0% fixed repeat-x; }
/* {{{ */
    #PageSlot { width:742px; margin:auto; }
    /* {{{ */
        #Wrapper { float:left; clear:both; width:742px; }
        /* {{{ */
            #Header { float:left; clear:both; width:100%; margin:20px 0px 0px 0px; }
            /* {{{ */
                #MainLogoS             { float:left; clear:left; width:10px; height:50px; font-size:0px; }
                #MainLogo              { float:left; clear:none; }
                #Header h1             { float:right; clear:right; font-face:Arial,sans-serif;
                                         font-size:170%; color:#fff; margin:0px 4px 24px 0px; }
                #MainMenu              { float:right; clear:right; list-style-type:none; margin:40px 0px 0px 0px; }
                #MainMenu li           { float:left; clear:none; height:26px;
                                         background:#850000 url(../../../../share/img/main_menu_centre.png) 0% 0% repeat-x; }
                #MainMenu li.MainMenuL { width:5px; height:26px; font-size:0px;
                                         background:transparent url(../../../../share/img/main_menu_left.png) 0% 0% no-repeat; }
                #MainMenu li.MainMenuR { width:5px; height:26px; font-size:0px;
                                         background:transparent url(../../../../share/img/main_menu_right.png) 0% 0% no-repeat; }
                #MainMenu li.MainMenuS { width:5px; height:26px; font-size:0px; background-color:transparent;
                                         background-image:none; }
                #MainMenu
                li.MainMenuSLast       { width:15px; height:26px; font-size:0px; background-color:transparent;
                                         background-image:none; }
                #MainMenu a:link       { display:list-item; font-size:130%; color:white; font-weight:bold;
                                        text-decoration:none; padding:5px 2px 0px 2px; }
                #MainMenu a:visited    { display:list-item; font-size:130%; color:white; font-weight:bold;
                                         text-decoration:none; padding:5px 2px 0px 2px; }
                #MainMenu a:hover      { display:list-item; font-size:130%; color:white; font-weight:bold;
                                         text-decoration:underline; padding:5px 2px 0px 2px; }
            /* }}}-Header */
            #ContentBoxMain { float:left; clear:both; width:100%; width:742px; }
            /* {{{ */
                #ContentBoxMainTop     { float:left; clear:both; width:100%; height:12px;
                                         background:transparent url(../../../../share/img/main_box_top.png) 50% 50% no-repeat; }
                #ContentBoxMainContent { float:left; clear:both; width:100%;
                                         background:transparent url(../../../../share/img/main_box_bg.png) 0% 0% repeat-y; }
                /* {{{ */
                    #ContentBoxMenu    { float:left; clear:both; width:100%;
					                     padding:0px; margin:0px; list-style-type:none; }
                    #ContentBoxMenu
                    .ContentMenuS      { width:10px; }
					#ContentBoxMenu li { float:left; clear:none; list-style-type:none; height:16px;
					                     font-size:100%; font-weight:normal; color:#850000;
					                     padding:0px 0px 0px 0px; }
					#ContentBoxMenu
					 a:link            { font-size:130%; font-weight:normal; color:#850000; 
					                     display:list-item; text-decoration:none;
					                     padding:0px 6px 0px 6px; margin:0px; }
					#ContentBoxMenu
					 a:visited         { font-size:130%; font-weight:normal; color:#850000;
					                     display:list-item; text-decoration:none;
					                     padding:0px 6px 0px 6px; margin:0px; }
					#ContentBoxMenu
					 a:hover           { font-size:130%; font-weight:normal; color:#850000;
					                     display:list-item; text-decoration:underline;
					                     padding:0px 6px 0px 6px; margin:0px; }

                    #ContentBoxMenu li.ContentBoxMenuSelected a:link   { font-size:130%; font-weight:bold; color:#850000; 
                                          display:list-item; text-decoration:none;
                                          padding:0px 6px 0px 6px; margin:0px; }
                    #ContentBoxMenu li.ContentBoxMenuSelected a:visited { font-size:130%; font-weight:bold; color:#850000;
                                          display:list-item; text-decoration:none;
                                          padding:0px 6px 0px 6px; margin:0px; }
                    #ContentBoxMenu li.ContentBoxMenuSelected a:hover    { font-size:130%; font-weight:bold; color:#850000;
                                          display:list-item; text-decoration:underline;
                                          padding:0px 6px 0px 6px; margin:0px; }

                /* }}}-#ContentBoxMainContent */
                #ContentBoxMainBottom  { float:left; clear:both; width:100%; height:12px; margin:0px; padding:0px;
                                         background:transparent url(../../../../share/img/main_box_bottom.png) 50% 50% no-repeat; }
                h3#respond			{ text-align:left; color:#920000; }
                #LightBoxImages h3#respond			{ text-align:left; color:#920000; }
                ol.commentlist		{ text-align:left; }
                ol.commentlist li	{ padding:3px 5px; }
                ol.commentlist li.alt	{ background:#ededed; }
                form#commentform		{ padding:0px 0px 0px 20px; text-align:left; }
                form#commentform label	{ display:block; font-size:110%; font-weight:bold; }
                form#commentform p		{ margin:10px 0px 15px; }
                form#commentform textarea	{ width:245px; height:150px; }
                form#commentform input#submit	{ background:#920000; border:0px; color:#fff; font-size:110%; font-weight:bold; }
                #PastWorkImages		{ float:left; width:100%; }
	        /* {{{ */
			#PastWorkImages div.leftImageBox
					{ float:left; clear:left; width:50%; height:70px; padding:3px 0px; }
			#PastWorkImages div.rightImageBox
					{ float:right; clear:right; width:50%; height:70px; padding:3px 0px; }
			#PastWorkImages div#Hozelock	
					{ background:transparent url(images/gray/gray_sdp_ourwork_06.png) 50% 50% no-repeat; }
			#PastWorkImages div#Highonbikes	
					{ background:transparent url(images/gray/gray_sdp_ourwork_03.png) 50% 50% no-repeat; }
			#PastWorkImages div#Crendering	
					{ background:transparent url(images/gray/gray_sdp_ourwork_14.png) 50% 50% no-repeat; }
			#PastWorkImages div#Gridforce
					{ background:transparent url(images/gray/gray_sdp_ourwork_11.png) 50% 50% no-repeat; }
			#PastWorkImages div#Propertyaustria	
					{ background:transparent url(images/gray/gray_sdp_ourwork_19.png) 50% 50% no-repeat; }
			#PastWorkImages div#Morpheusinvestments
					{ background:transparent url(images/gray/gray_sdp_ourwork_21.png) 50% 50% no-repeat; }
			#PastWorkImages div#OtherWork
					{ float:left; clear:both; width:100%; height:240px; padding:3px 0px;
					  background:transparent url(images/gray/gray_sdp_ourwork_26.png) 50% 50% no-repeat; }
	        /* }}}-#PastWorkImages */
            /* }}}-ContentBoxMain */
            #Footer { float:left; clear:both; width:100%; margin:5px 0px 0px 0px; }
            /* {{{ */
                #Footer ul         { float:left; clear:both; width:100%;
                                     padding:0px; margin:0px; }
                #Footer li         { float:left; clear:none; list-style-type:none; height:16px;
                                     font-size:100%; font-weight:normal; color:#850000;
                                     padding:6px 0px 0px 0px; }
                #Footer li.Right   { float:right; clear:none; }
                #Footer a:link     { font-size:120%; font-weight:normal; color:#850000; 
                                     display:list-item; text-decoration:none;
                                     padding:0px 8px 0px 8px; margin:0px; }
                #Footer a:visited  { font-size:120%; font-weight:normal; color:#850000;
                                     display:list-item; text-decoration:none;
                                     padding:0px 8px 0px 8px; margin:0px; }
                #Footer a:hover    { font-size:120%; font-weight:normal; color:#850000;
                                     display:list-item; text-decoration:underline;
                                     padding:0px 8px 0px 8px; margin:0px; }
            /* }}}-Footer */
        /* }}}-Wrapper */
    /* }}}-PageSlot */
/* }}}-Body */

