/* Default stylesheet for CF Models and Effects 
AUTHOR: Osborne Brook
*/

a { color: #2c699f; text-decoration: none; }
a img { border: none;}
body { color: #666; font: 1.0em Helvetica, Arial, sans-serif; margin: 0; padding: 0;}
body.paper { background: url('/images/backgrounds/textures/paper1.jpg') top left repeat; }
body.paper #outercontent {background: url('/images/backgrounds/textures/paper2.jpg') top left repeat;}
body.linen { background:  url('/images/backgrounds/textures/linen1.jpg') top left repeat; }
body.linen #outercontent {background: url('/images/backgrounds/textures/linen2.jpg') top left repeat;}
body.sand { background:  url('/images/backgrounds/textures/sand1.jpg') top left repeat; }
body.sand #outercontent {background: url('/images/backgrounds/textures/sand2.jpg') top left repeat;}
body.bubble { background:  url('/images/backgrounds/textures/bubble1.jpg') top left repeat; }
body.bubble #outercontent {background: url('/images/backgrounds/textures/bubble2.jpg') top left repeat;}
body.aluminium { background:  url('/images/backgrounds/textures/aluminium1.jpg') top left repeat; }
body.aluminium #outercontent {background: url('/images/backgrounds/textures/aluminium2.jpg') top left repeat;}
body.bwood { background:  url('/images/backgrounds/textures/bwood1.jpg') top left repeat; }
body.bwood #outercontent {background: url('/images/backgrounds/textures/bwood2.jpg') top left repeat;}
body.lava { background:  url('/images/backgrounds/textures/lava1.jpg') top left repeat; }
body.lava #outercontent {background: url('/images/backgrounds/textures/lava2.jpg') top left repeat;}
body.crumple { background:  url('/images/backgrounds/textures/crumple1.jpg') top left repeat; }
body.crumple #outercontent {background: url('/images/backgrounds/textures/crumple2.jpg') top left repeat;}
body.granite { background:  url('/images/backgrounds/textures/granite1.jpg') top left repeat; }
body.granite #outercontent {background: url('/images/backgrounds/textures/granite2.jpg') top left repeat;}
body.choppywall { background:  url('/images/backgrounds/textures/choppywall1.jpg') top left repeat; }
body.choppywall #outercontent {background: url('/images/backgrounds/textures/choppywall2.jpg') top left repeat;}
body.bwood #header, body.bwood #header p a, body.bwood #footer, body.bwood #footer a, body.bwood #footer strong  { color: #fff;}
body.bwood #logo a { background: url(/images/logo_white.png) top left no-repeat; }
h1 {  font-size: 1.15em; font-weight: normal; margin: 0 0 1em;  }
h2 { font-size: 1em; font-weight: normal; margin: 0 0 1em;  }
h3 { border-bottom: 1px dotted #bababa; font-size: 1em; font-weight: normal; margin: 0 0 0.5em; padding: 5px 0;}
p { margin: 0 0 1em; }
table { border: 1px solid #999; border-collapse: collapse; }
td, th { border-bottom: 1px solid #999; padding: 3px; font-weight: normal;	text-align: left; vertical-align: top;}
th { background: url(/images/backgrounds/th.png); color: #666; padding: 3px 10px 3px 3px; }
th.right, td.right { text-align: right; }
strong { color: #000; font-weight: normal;}

#logo a { background: url(/images/logo.png) top left no-repeat; display: block; float: left;  height: 61px; text-align: left; text-indent: -1000em;  width: 275px;}

#outerheader { min-height: 70px; margin: 0; padding: 0; }
#header { margin: 0 auto;text-align: right; width: 955px;}
#header p { font-size: 0.7em; line-height: 1.4em; padding: 0; }
#header p a { color: #666; text-decoration: none;}
#header p a:hover { color: #666; text-decoration: underline; }
#header table, #header td { border: none;}
#header table { float: right;}
#contact { color: #666; float: right; font-size: 0.8em; padding: 20px 0 0; text-align: right; }
#contact strong { color: #999; }
#contact a { color: #666;}
#outernav { background: #fff; border-bottom: 1px solid #333; border-top: 1px solid #333; font-size: 0.8em; }
#nav { margin: 0 auto; padding: 0; width: 955px; }
#outercontent {  background: url('/images/backgrounds/textures/paper2.jpg') top left repeat; border-bottom: 1px solid #999; }
#content {margin: 0 auto 10px; padding: 20px 0; width: 955px; }
#content p, #content ul { font-size: 0.9em;}

#main, .main { float: left; width: 570px;}
#secondary, .secondary { float: right; font-size: 0.9em; margin: 0; width: 345px; }
#sole { margin: 0; padding: 0 width: 955px;}
#footer { color: #666; font-size: 0.7em; margin: 0 auto; padding: 10px 0; text-align:right; width: 955px; }
#footer span.copy { float: left;}
#footer strong { color: #333;}
#footer a { color: #666; margin: 0 10px 0 0;}
#footer a:hover { color: #2c699f; margin: 0 10px 0 0;}
#footer img.rss { margin: 0 3px 0 0; vertical-align: middle}
img.rss { vertical-align: middle }
.clear { clear: both; font-size: 0px; height: 0px;}
.clear20 { clear: both; font-size: 0px; height: 20px;}
.clear50 { clear: both; font-size: 0px; height: 50px;}
.floatright { float: right; }
.technologies .main { width: 720px; }
.technologies .secondary { width: 150px; }

.gallery h1 { border-bottom: 1px solid #666; }
.gallery #secondary { background: url(/images/backgrounds/gallery_description.png) top left repeat-x #ccc; border: 1px solid #666; color: #ccc; padding: 10px;}



.clientlogoh { margin: 2px; padding: 2px width: 150px; }
.clendlogov { margin:  1px; padding: 1px; width: 75px; }
.clientlogoh a, clientlogov a { border: 1px solid #ff0614; margin: 0; }



/*----------------------------------------------------------
SECONDARY NAVIGATION
----------------------------------------------------------*/


#sectionnav { border: 1px solid #999; float: left; margin: 0; padding: 0; width: 345px; }
#sectionnav p { margin: 0; padding; 0; }
#sectionnav p a { border-bottom: 1px dotted #999; color: #666; display: block; padding: 5px; width: 335px;}
#sectionnav p a:hover { background: url(/images/backgrounds/th.png);}

/*----------------------------------------------------------
DISPLAY AND EDIT MEDIA
----------------------------------------------------------*/


.photo { border: 1px solid #666; float: left; margin: 0 10px 30px; padding: 0; text-align: center; width: 150px; }
.photo p.controls { border-top: 1px solid #666;margin: 0; line-height: 1; padding: 5px; text-align: right;}
.photo p.info {  border-top: 1px solid #666; color: #efefef; font-size: 0.8em; margin: 0; padding: 5px;}
.project .photo { margin: 0 15px 20px;}

/*----------------------------------------------------------
PORRTFOLIO HOME PAGE
----------------------------------------------------------*/

.portfoliodiv { border: 1px solid #666; float: left; font-size: 0.8em; margin: 5px; padding: 5px; text-align: center; width: 160px; }
.portfoliodiv a { color: #efefef; }



/*----------------------------------------------------------
CONTACT PAGE
----------------------------------------------------------*/
#contactus iframe { border: 1px solid #666;}


/*----------------------------------------------------------
HOME PAGE
----------------------------------------------------------*/

.home .left, .home .middle, .home .right { float: left; font-size: 0.9em; width: 310px;}
.middle { margin: 0 12px;}
.wideleft { float: left; margin: 0 27px 0 0; width: 617px;}
.wideleft p { font-size: 1.2em; }
#content p.person {  border-bottom: 1px dotted #bababa; font-size: 1em; font-weight: normal; margin: 0 0 0.5em; padding: 5px 0; color: #999; }
.project h3, .home h3 { background: #333; border: none; color: #ccc; font-size: 1.0em; padding: 5px; }
.home h3 { background: url(/images/backgrounds/h3_home.png) top left repeat-x #333; color: #fff; margin: 0; }
.home h3.grey { background: url(/images/backgrounds/h3_grey.png) top left repeat-x #333; color: #999; }
p.areas { color: #999; float: left; font-size: 1em; margin: 0 1% 0 0; width: 48%; }
.home .left p, .home .middle p, .home .right p { padding: 5px; }
.home .right p.clientlogos { margin: 5px 0; padding: 0; }
p.clientlogos img { margin: 0;}
.home .projects { margin: 0 0 15px;}
.recentproject { float: left; height: 100px; margin: 10px 9px 3px 0; overflow: hidden; scrollbars: none; padding: 0; width: 150px; }
.newssummary { border-bottom: 1px dotted #333; line-height: 1; padding: 5px 0; }
.newssummary p { margin: 0 0 0 60px; }
span.date { color: #666; font-size: 0.9em;}
p.viewall   { font-size: 0.7em; margin: 0 10px 0 0; text-align: right; }
.home .left p.viewall { font-size: 0.8em; }
p.viewall a {  }
.home .quote { border: none;}
.home #content p.big { font-size: 1.15em; margin: 0 0 2em; line-height: 1.2em; }
.service_name a {background: #fff; -webkit-border-bottom-right-radius: 3px; display: block; -webkit-border-bottom-left-radius: 3px; border-bottom: 1px solid #666;border-right: 1px solid #666;  border-left: 1px solid #666; margin: 0 auto; padding: 5px 0; color: #666;}
a.service_link img { display: block;}
.imgfloatright { float: right; margin-left: 10px;}
/*----------------------------------------------------------
Quotes
----------------------------------------------------------*/

.quote { background: url(/images/backgrounds/quote_close.png) right  bottom no-repeat #fff; border: 1px solid #666; margin: 0 0 2em; padding: 30px;}
.quote p.first { background: url(/images/backgrounds/quote_open.png) left  top no-repeat;  margin: -30px 0 0 -30px; padding: 30px 0 0 20px;}

/*----------------------------------------------------------
NEWS
----------------------------------------------------------*/

table.newslist { border: none; width: 98%;}
table.newslist th { background: #333; color: #ccc; }
table.newslist td, table.newslist th { padding: 5px;}
p.release { border-bottom: 1px solid #666; border-top: 1px solid #666; padding: 5px 0; }
.news { clear: both; padding-top: 10px;}
.news h2 { border-top: 1px dotted #999; margin-bottom: 0; padding-top: 5px;}
.news p { margin-right: 170px;}


/* tickr */
#news { border-top: 1px dotted #999; border-bottom: 1px dotted #999; }
#ticker {  list-style-type: none; margin: 0 0 15px; padding: 5px; float: left;}
.news_item { position: absolute; display: none;}
/*----------------------------------------------------------
SERVICES
----------------------------------------------------------*/
#pnav { padding: 15px 0 0; }
#content #desc_service_main .description p { font-size: 1.25em; line-height: 1.4; padding-top: 2em;}
ul.project_nav { font-size: 0.8em; list-style: none; margin: 0; padding: 0; }
li.show_proj { display: inline;}
li.show_proj a { color: #666; float: left; display: block; margin: 2px; padding: 3px; border: 1px solid #666; }
li.show_proj a:hover { background: #fff; color: #2c699f; border: 1px solid #2c699f; }

/*----------------------------------------------------------
FORMS
----------------------------------------------------------*/
form input, form label, form textarea, form input[type=file] { font: 0.9em Arial, Helvetica, sans-serif;} 
form { background: #fff; border: 1px dotted #999; margin: 0 auto 3em; padding: 10px; width: 33em; }
p.formrow input.text, p.formrow textarea { border: 1px solid #999; padding: 1px 0; width: 20em; }
p.formrow label { float: left; padding: 2px  0 0 0; width: 10em;}
input[type=submit] { background: #2c699f; border: 2px solid #000; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; padding: 2px; vertical-align: middle; }
form p { border-bottom: 1px dotted #ccc; clear: both; margin: 0; padding: 5px 0; vertical-align: middle; }
p.buttons { border-bottom: none; padding: 1em 0 0; text-align: right; }

.legal { border-top: 1px solid #666; font-size: 0.8em; color: #666; }


form#frmLogin { width: 320px;}
form#frmLogin label { display: block; float: left; width: 120px;}
form#frmLogin input[type=text], form#frmLogin input[type=password] {  width: 180px;}
.error { border: 1px solid #c00; color: #c00; font-size: 0.9em; margin: 0 0 1em; padding: 5px;}
.error h2 { border-bottom: 1px dotted #c00; color: #c00; font-size: 1em; margin: 0 -5px; padding: 0 5px 5px;}
.error ul { margin: 5px 0; }