/* CC CSS Document */

body
{
	font: normal 12px "Arial", sans-serif;
	background-color:#efefef;
	font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin: 0 auto;
}

div#wrapper
{
	margin: 0 auto;
	padding: 5px 0 0 0;
	background: #efefef url(/_assets/images/bodyBg.gif) repeat-x;
}

div#wrapper div#contentBorder
{
	margin: 0 auto;
	background: #e5e5e5 url(/_assets/images/contentBorder.gif) repeat-x;
	width: 974px;
	padding: 5px 7px 5px 5px;
}	

div#wrapper div#contentBorder div#content
{
	
	border: solid 1px #ababab;
	background: #ffffff;
	margin: 0 auto;
}
div#wrapper div#contentBorder div#content .utility
{   float: right;
    color: #6a92b7;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: bold;}
div#wrapper div#contentBorder div#content .utility a
{   color: #6a92b7;}

div#wrapper div#contentBorder div#content img.logo
{
	margin: 9px;
}

div#wrapper div#contentBorder div#content div#pNav
{
	background: #f1f1f1 url(../images/global/cloud_constuct_logo_bottom.gif);
	font: bold 10px "Arial", sans-serif;
	border-bottom: solid 1px #ffffff;
	text-align: right;
	margin: 8px 0 0 0;
	height: 36px;
}

div#wrapper div#contentBorder div#content div#pNav img
{
	margin: 0;
}

div.dropDown1
{   float: right;
    width: 154px;
    background-color: #e4e4e4;
    position: relative;
    z-index: 9;
    margin: 0px 299px -50px 0px;}
div.dropDown1 div.ul
{   border: solid 1px #ababab;
    padding: 0px;
    margin: 3px;}
div.dropDown1 ul
{   margin: 0px 0 0 0;
    padding: 0px;}
div.dropDown1 ul li
{   border-bottom: solid 1px #ccc;
    background: #fff;
    margin: 0px;
    padding: 5px 15px;
    list-style: none;
    font-size: 11px;}
div.dropdown1 ul li a
{   color: #dc291e;}
div.dropDown2
{   float: right;
    width: 154px;
    background-color: #e4e4e4;
    position: relative;
    z-index: 9;
    margin: 0px 149px -50px 0px;}
div.dropDown2 div.ul
{   border: solid 1px #ababab;
    padding: 0px;
    margin: 3px;}
div.dropDown2 ul
{   margin: 0px 0 0 0;
    padding: 0px;}
div.dropDown2 ul li
{   border-bottom: solid 1px #ccc;
    background: #fff;
    margin: 0px;
    padding: 5px 15px;
    list-style: none;
    font-size: 11px;}
div.dropdown2 ul li a
{   color: #dc291e;}
div.dropDown3
{   float: right;
    width: 150px;
    background-color: #e4e4e4;
    position: relative;
    z-index: 9;
    margin: 0px 0px -50px 0px;}
div.dropDown3 div.ul
{   border: solid 1px #ababab;
    padding: 0px;
    margin: 3px;}
div.dropDown3 ul
{   margin: 0px 0 0 0;
    padding: 0px;}
div.dropDown3 ul li
{   border-bottom: solid 1px #ccc;
    background: #fff;
    margin: 0px;
    padding: 5px 15px;
    list-style: none;
    font-size: 11px;}
div.dropdown3 ul li a
{   color: #dc291e;}

div.dropDown4
{   float: right;
    width: 150px;
    background-color: #e4e4e4;
    position: relative;
    z-index: 9;
    margin: 0px 0px -50px 0px;}
div.dropDown4 div.ul
{   border: solid 1px #ababab;
    padding: 0px;
    margin: 3px;}
div.dropDown4 ul
{   margin: 0px 0 0 0;
    padding: 0px;}
div.dropDown4 ul li
{   border-bottom: solid 1px #ccc;
    background: #fff;
    margin: 0px;
    padding: 5px 15px;
    list-style: none;
    font-size: 11px;}
div.dropdown4 ul li a
{   color: #dc291e;}

div#wrapper div#contentBorder div#content div.headerImg1
{
	text-align: center;
	background: transparent url(../images/homeimage_1cc.jpg) top center no-repeat;
	height: 202px;
	margin-top: 1px;
}

div#wrapper div#contentBorder div#content div.headerImg2
{
	text-align: center;
	background: transparent url(../images/homeimage_2cti.jpg) top center no-repeat;
	height: 202px;
	margin-top: 1px;
}

div#wrapper div#contentBorder div#content div.headerImg3
{
	text-align: center;
	background: transparent url(../images/homeimage_3mtw.jpg) top center no-repeat;
	height: 202px;
	margin-top: 1px;
}

div#wrapper div#contentBorder div#content div.headerImg4
{
	text-align: center;
	background: transparent url(../images/homeimage_4rmr.jpg) top center no-repeat;
	height: 202px;
	margin-top: 1px;
}

div#wrapper div#contentBorder div#content div#headerImg.about
{
	text-align: center;
	background: #ccc url(../images/head_about_us.gif) top left no-repeat;
	height: 82px;
}
div#wrapper div#contentBorder div#content div#headerImg.expertise
{
	text-align: center;
	background: #ccc url(../images/head_services.gif) top left no-repeat;
	height: 82px;
}
div#wrapper div#contentBorder div#content div#headerImg.projects
{
	text-align: center;
	background: #ccc url(../images/head_portfolio.gif) top left no-repeat;
	height: 82px;
}
div#wrapper div#contentBorder div#content div#headerImg.contact
{
	text-align: center;
	background: #ccc url(../images/head_contact.gif) top left no-repeat;
	height: 82px;
}
div#wrapper div#contentBorder div#content div#headerImg.login
{
	text-align: center;
	background: #ccc url(../images/head_login.gif) top left no-repeat;
	height: 82px;
}
div#wrapper div#contentBorder div#content div#headerImg .slides
{
    float: right;
    margin: 150px 6px 0 0;
}
div#wrapper div#contentBorder div#content div#mainContent
{
	padding: 15px 20px 15px 20px;
}
div#wrapper div#contentBorder div#content div#mainContent.second
{   background: transparent url(../images/secondBg.gif) top center repeat-x;}
div#wrapper div#contentBorder div#content div#mainContent .secondNav
{   float: left;
    width: 200px;
    padding: 40px 0px 0px 0px;}
div#wrapper div#contentBorder div#content div#mainContent .secondNav ul
{  	text-decoration: none;
	list-style-type: none;
	margin:0px 0px 5px 0px;
    padding:0px 6px 6px 0px;
    text-indent: 0px;}

div#wrapper div#contentBorder div#content div#mainContent .secondNav ul li 
{   color: #333;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0px;
    cursor: pointer;}
div#wrapper div#contentBorder div#content div#mainContent .secondNav ul li.child 
{   color: #333;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0px;
    padding-left: 10px;}
div#wrapper div#contentBorder div#content div#mainContent .secondNav ul li a 
{   color: #5381ac;}     

div#wrapper div#contentBorder div#content div#mainContent .secondNav ul li a.active
{   color:Black;}  

div#wrapper div#contentBorder div#content div#mainContent .secondContent
{   float: right;
    width: 680px;
    margin: 7px 0 15px 0;
    padding: 7px 20px 20px 20px;
    border: solid 1px #ababab;
    background: transparent url(../images/secondContentBg.gif) top center repeat-x;}     
.spotlight
{   float: right;
    width: 436px;
    background: #e6e6e6;
    margin: 0 0 15px 15px;}
.spotlightHead
{   height: 37px;
    background: #fff url(../images/cloudLabs.gif) top center no-repeat;}
.spotlightBorder
{   border: solid 1px #ababab;
    margin: 5px;
    min-height: 300px;
    padding: 10px 5px 10px 5px;
    background: #fff url(../images/spotlightBg.gif) top center repeat-y;}
.spotlightBorder .item
{   padding: 30px 0 30px 0;}

.spotlightBorder .item img
{   float: left;
    margin: 0 15px 10px 0;}
.spotlight2
{   /**width: 406px;**/
    padding: 10px 15px 15px 15px;
    background: #f1f1f1;
    margin: 0 0 15px 0px;}
h2.spotlightH2
{   margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 14px;}

table.floatRight
{   float: right;}   

/* Portfolio Page */

div#wrapper div#contentBorder div#content div#mainContent div.centerImg
{
	text-align: right;
	margin: 0 0 20px 0;
	float: right;
	width: auto;
}

div.centerImg img
{
	padding: 2px;
	margin: 0 10px 0 10px;
	border: solid 1px #ababab;
}

div.centerImg img.noBorder
{
	padding: 2px;
	margin: 0 10px 0 10px;
	border: solid 0px #ababab;
}
div.centerImg a
{   text-decoration: none;}
div.centerImg a img.magnify
{   text-decoration: none;
    border: none;
    float: right;}
div#wrapper div#footer
{
	width: 749px;
	padding: 7px 20px 10px 20px;
	color: #bdbdbd;
	margin: 0 auto;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}



/* Heading and Paragraph Styles */

a
{
	color: #c1272d;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h2
{
	font: bold 12px "Arial", sans-serif;
	color: #c1272d;
	margin-bottom: 15px;
}
h2.spaceMaker
{   margin-bottom: 250px;}
h3
{
	font: bold 11px "Arial", sans-serif;
	color: #666666;
	margin-bottom: 6px;
}

h4
{
	font: italic 10px "Arial", sans-serif;
	color: #333333;
	margin-bottom: 6px;
}

p
{
	font: normal 12px "Arial", sans-serif;
	line-height: 20px;
	color: #000000;
	margin-bottom: 20px;
}


ul 
{
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #c1272d;
	text-decoration: none;
	list-style-position: outside;
	list-style-type: disc;
	padding: 0 6px 6px 6px;
	margin: 0 0 15px 10px;
}

ul li
{   margin: 0px 0px 0px 15px;
    padding: 5px 5px 5px 3px;}

a.top
{   font-size: 10px;
    color: #999;
    font-weight: bold;}
    
div.backToTop
{   margin: 2px 0px 12px 0px;
    text-align: right;}
/* Tables */

table#contact tr td
{	
	vertical-align: top;
	padding: 2px;
	font: bold 12px "Arial", sans-serif;
}

table#contact tr td.title
{	
	width: 120px;
}

table#contact tr td.button
{	
	text-align: right;
	padding-top: 15px;
}


/* Forms */
input
{
	width: 400px;
	border: solid 1px #cdcdcd;
}	

textarea
{
	width: 400px;
	height: 100px;
	border: solid 1px #cdcdcd;
}	
	
	

/* Misc. Images */
img.right
{
	float: right;
	padding: 2px;
	margin: 0 10px 10px 10px;
	border: solid 1px #ababab;
}




/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clear
{   clear: both;}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
ul#sortable
{   margin: 0px;
    padding: 0px;}
ul#sortable li
{
	 border: dotted 0px #ccc;
	 list-style-type:none;
	 cursor:pointer;
	 padding: 10px;
	 margin: 30px 10px 10px 10px;
}

ul#sortable li#site1,
ul#sortable li#site2,
ul#sortable li#site3,
ul#sortable li#site4,
ul#sortable li#site5,
ul#sortable li#site6
{   border-bottom: dotted 1px #999;}
ul#sortable li ul.links li
{
	 list-style-type: disc;
	 cursor:pointer;
	 padding: 10px;
	 margin: 0px;
}

.ui-state-highlight
{
	background-color: #cccccc;
	height: 15em; 
	border: dashed 3px #cccccc;
	line-height: 1.2em;
}
ul#sortable li div.centerImg img
{   margin: 0px;}





.open
{   display: block;}

.close
{   display: none;}

div.overlay {
position: absolute;
width:100%;
height:100%;
opacity:0.6;
filter: alpha(opacity = 60);
background: black;
}